<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/maps/guang3_dong1_guang3_zhou1.js"></script>

</head>
<body>
    <div id="ba9514b16c5f47c7b9959052eafc69c4" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_ba9514b16c5f47c7b9959052eafc69c4 = echarts.init(
            document.getElementById('ba9514b16c5f47c7b9959052eafc69c4'), 'dark', {renderer: 'canvas'});
        var option_ba9514b16c5f47c7b9959052eafc69c4 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "series": [
        {
            "type": "map",
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "mapType": "\u5e7f\u5dde",
            "data": [
                {
                    "name": "\u4ece\u5316\u533a",
                    "value": 201
                },
                {
                    "name": "\u5357\u6c99\u533a",
                    "value": 861
                },
                {
                    "name": "\u589e\u57ce\u533a",
                    "value": 2701
                },
                {
                    "name": "\u5929\u6cb3\u533a",
                    "value": 3778
                },
                {
                    "name": "\u6d77\u73e0\u533a",
                    "value": 2563
                },
                {
                    "name": "\u756a\u79ba\u533a",
                    "value": 3497
                },
                {
                    "name": "\u767d\u4e91\u533a",
                    "value": 2065
                },
                {
                    "name": "\u82b1\u90fd\u533a",
                    "value": 1301
                },
                {
                    "name": "\u8354\u6e7e\u533a",
                    "value": 811
                },
                {
                    "name": "\u8d8a\u79c0\u533a",
                    "value": 1801
                },
                {
                    "name": "\u987a\u5fb7\u533a",
                    "value": 3
                },
                {
                    "name": "\u9ec4\u57d4\u533a",
                    "value": 1418
                }
            ],
            "roam": true,
            "aspectScale": 0.75,
            "nameProperty": "name",
            "selectedMode": false,
            "zoom": 1,
            "mapValueCalculation": "sum",
            "showLegendSymbol": true,
            "emphasis": {}
        }
    ],
    "legend": [
        {
            "data": [
                ""
            ],
            "selected": {
                "": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5
    },
    "title": [
        {
            "subtext": "\u4ece\u6570\u636e\u6765\u770b\uff0c\u53ef\u4ee5\u770b\u5230\u76ee\u524d\u4e8c\u624b\u623f\u5e02\u573a\u6bd4\u8f83\u706b\u70ed\u7684\u533a\u57df\uff0c\u756a\u79ba\u4e8c\u624b\u623f\u6570\u91cf\u6700\u591a\uff0c\u5176\u6b21\u662f\u589e\u57ce\u533a\uff0c\u8fd1\u51e0\u5e74\u6b63\u5728\u6539\u9020\u5efa\u8bbe\uff0c\u6709\u8d76\u8d85\u4e4b\u52bf\u3002\n\u4ece\u5316\u533a\u662f\u4e8c\u624b\u623f\u6e90\u6700\u5c11\u7684\u5730\u533a\uff0c\u4ec5\u6709201\u5957\u3002",
            "left": "1%",
            "padding": 5,
            "itemGap": 10
        }
    ],
    "visualMap": {
        "show": true,
        "type": "continuous",
        "min": 0,
        "max": 3000,
        "inRange": {
            "color": [
                "#50a3ba",
                "#eac763",
                "#d94e5d"
            ]
        },
        "calculable": true,
        "inverse": false,
        "splitNumber": 5,
        "orient": "vertical",
        "showLabel": true,
        "itemWidth": 20,
        "itemHeight": 140,
        "borderWidth": 0
    }
};
        chart_ba9514b16c5f47c7b9959052eafc69c4.setOption(option_ba9514b16c5f47c7b9959052eafc69c4);
    </script>
</body>
</html>
